/*服务评价成功*/
.success{text-align: center; line-height: 1.5;}
.success p{margin: 0;}
.success .icon{width: 100px; height: 100px; border-radius: 100%; background: #1491D4; margin: 50px auto 10px;  position: relative; }
.success .icon .line_short{width: 25px;  height: 5px; position: absolute;  left: 24px;  top: 55px;  border-radius: 4px;  background-color: #FFF;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-animation: success_short_Animation .65s;  -moz-animation: success_short_Animation .65s;  animation: success_short_Animation .65s;}
.success .icon .line_long{width: 47px;  height: 5px; position: absolute;  right: 17px;  top: 48px;  border-radius: 30px;  background-color: #FFF;  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  transform: rotate(-45deg);  -webkit-animation: success_long_Animation .65s;  -moz-animation: success_long_Animation .65s;  animation: success_long_Animation .65s}
/*评价成功图标动画*/
@-webkit-keyframes success_short_Animation {
    0% {
        width: 0;
        left: 11px;
        top: 29px
    }

    54% {
        width: 0;
        left: 11px;
        top: 29px
    }

    70% {
        width: 50px;
        left: 6px;
        top: 47px
    }

    84% {
        width: 17px;
        left: 31px;
        top: 58px
    }

    100% {
        width: 25px;
        left: 24px;
        top: 55px
    }
}

@-moz-keyframes success_short_Animation {
    0% {
        width: 0;
        left: 11px;
        top: 29px
    }

    54% {
        width: 0;
        left: 11px;
        top: 29px
    }

    70% {
        width: 50px;
        left: 6px;
        top: 47px
    }

    84% {
        width: 17px;
        left: 31px;
        top: 58px
    }

    100% {
        width: 25px;
        left: 24px;
        top: 55px
    }
}

@keyframes success_short_Animation {
    0% {
        width: 0;
        left: 11px;
        top: 29px
    }

    54% {
        width: 0;
        left: 11px;
        top: 29px
    }

    70% {
        width: 50px;
        left: 6px;
        top: 47px
    }

    84% {
        width: 17px;
        left: 31px;
        top: 58px
    }

    100% {
        width: 25px;
        left: 24px;
        top: 55px
    }
}
@-webkit-keyframes success_long_Animation {
    0% {
        width: 0;
        right: 55px;
        top: 64px
    }

    65% {
        width: 0;
        right: 55px;
        top: 64px
    }

    84% {
        width: 55px;
        right: 9px;
        top: 45px
    }

    100% {
        width: 47px;
        right: 17px;
        top: 48px
    }
}

@-moz-keyframes success_long_Animation {
    0% {
        width: 0;
        right: 55px;
        top: 64px
    }

    65% {
        width: 0;
        right: 55px;
        top: 64px
    }

    84% {
        width: 55px;
        right: 9px;
        top: 45px
    }

    100% {
        width: 47px;
        right: 17px;
        top: 48px
    }
}

@keyframes success_long_Animation {
    0% {
        width: 0;
        right: 55px;
        top: 64px
    }

    65% {
        width: 0;
        right: 55px;
        top: 64px
    }

    84% {
        width: 55px;
        right: 9px;
        top: 45px
    }

    100% {
        width: 47px;
        right: 17px;
        top: 48px
    }
}
